<template>
  <div id="app">
    <!-- 路由占位符 -->

    <div class="wrapper">
      <Picture></Picture>

      <!-- <div style="height: 50px"></div> -->
      <Header></Header>
      <router-view></router-view>
      <Partner></Partner>
      <Footer></Footer>
    </div>
  </div>
</template>
<script>
import Header from "./components/Header/index";
import Partner from "./components/Partner/index";
import Footer from "./components/Footer/index";
import Picture from "./components/PictureSection/index";
export default {
  name: "Home",
  components: {
    Header,
    Footer,
    Picture,
    Partner,
  },
  created() {},
  mounted() {
    console.log("mounted");
  },
};
</script>

<style>
#app {
  width: 100%;
  height: 100%;
}
body,
html {
  font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", PingFang SC,
    Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif,
    WenQuanYi Micro Hei, sans-serif;
  overflow-x: hidden;
}
</style>
